<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template/sistema.xhtml">
	<ui:define name="content">
		<h:form>
		
			<div style="margin: 15px 0px;">
				<div style="display:inline;"> 
					<p:inputText value="#{produtos.palavraBusca}" placeholder="Palavra Chave" id="campoBusca" binding="#{campoBusca}"/>
					<p:commandButton value="Buscar" actionListener="#{produtos.buscar}" update="produtos"/>
				</div>
				<p:ajaxStatus style="float:right;">				 
				    <f:facet name="start">
				        <h:graphicImage value="/Images/loading.gif" styleClass="ajax_image"/>
				    </f:facet>
				 	
				    <f:facet name="complete">
				        <h:graphicImage value="/Images/ok.png" styleClass="ajax_image"/>
				    </f:facet>
				</p:ajaxStatus>	
			</div>
			
			<p:dataTable id="produtos" value="#{produtos.produtos}" var="produto" rowKey="#{produto.codigo}" 
				selectionMode="single" selection="#{produtos.produtoParaEdicao}" emptyMessage="Busca não retornou resultados">				
				<p:column headerText="Código">
					#{produto.codigo}
				</p:column>
				<p:column headerText="Aplicação">
					#{produto.aplicacao}
				</p:column>
				<p:column headerText="Marca">
					#{produto.marca.nome}
				</p:column>
				<p:column headerText="Fornecedor">
					#{produto.fornecedor.nome}
				</p:column>
				<p:column headerText="Preço Venda">
					#{produto.precoVenda}
				</p:column>
			</p:dataTable>			
			
			<p:contextMenu for="produtos">
				<p:menuitem value="Editar" update="editar" oncomplete="editar()"/>
			</p:contextMenu>
			
			<h:outputLink value="editarProduto.jsf?idProduto=#{produtos.produtoParaEdicao.codigo}"  id="editar" binding="#{editar}"/>
		</h:form>
		
		<script>
			window.onload = function(){
				var campo = document.getElementById("#{campoBusca.clientId}");
				campo.focus();
			}
			function editar(){
				var b = document.getElementById("#{editar.clientId}");
				b.click();
			}
		</script>
	</ui:define>
</ui:composition>
</html>